<template>
    <view class="building_ground_page flex-col">

        <view class="group_3 flex-col">
            <view class="input_1 flex-row">
                <image class="icon_2" referrerpolicy="no-referrer"
                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGfef1973148fa2b42021e5e0882d04d90.png" />
                <text class="text_3">请输入关键字搜索</text>
            </view>
        </view>
        <view class="group_4 flex-row">
            <text class="text_4">状态</text>
            <div class="icon_3 flex-col"></div>
            <text class="text_5">区域</text>
            <div class="icon_4 flex-col"></div>
            <text class="text_6">风格</text>
            <div class="icon_5 flex-col"></div>
            <view class="group_5 flex-row">
                <text class="text_7">筛选</text>
                <div class="icon_6 flex-col"></div>
            </view>
        </view>
        <view class="group_6 flex-row justify-between">
            <view class="group_7 flex-col justify-between">
                <view class="box_1 flex-col">
                    <view class="image-text_1 flex-col justify-between">
                        <image class="image_2" referrerpolicy="no-referrer"
                            src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGd7a410b688147c52839995e54ed1f59f.png" />
                        <text class="text-group_1">「金地自在城」</text>
                    </view>
                    <text class="text_8">
                        132㎡&nbsp;|&nbsp;简约&nbsp;|&nbsp;现代&nbsp;|&nbsp;美式
                    </text>
                    <view class="block_1 flex-row justify-between">
                        <view class="image-text_2 flex-row justify-between">
                            <image class="single-avatar_1" referrerpolicy="no-referrer"
                                src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGae45643b260221b358d529d3e94f52ac.png" />
                            <text class="text-group_2">陈林奥美</text>
                        </view>
                        <view class="image-text_3 flex-row justify-between">
                            <div class="icon_7 flex-col"></div>
                            <text class="text-group_3">973</text>
                        </view>
                    </view>
                </view>
                <view class="box_2 flex-col">
                    <view class="image-text_4 flex-col justify-between">
                        <image class="image_3" referrerpolicy="no-referrer"
                            src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG06fdb2cced7f8a72379835dbd3a17ed6.png" />
                        <text class="text-group_4">「棕榈泉国际花园」</text>
                    </view>
                    <text class="text_9">
                        132㎡&nbsp;|&nbsp;简约&nbsp;|&nbsp;现代&nbsp;|&nbsp;热带
                    </text>
                    <view class="section_2 flex-row justify-between">
                        <view class="image-text_5 flex-row justify-between">
                            <image class="single-avatar_2" referrerpolicy="no-referrer"
                                src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG3789fcf778b9b322f6df203018585855.png" />
                            <text class="text-group_5">刘耕宏</text>
                        </view>
                        <view class="image-text_6 flex-row justify-between">
                            <div class="icon_8 flex-col"></div>
                            <text class="text-group_6">973</text>
                        </view>
                    </view>
                </view>
            </view>
            <view class="group_8 flex-col justify-between">
                <view class="box_3 flex-col">
                    <view class="image-text_7 flex-col justify-between">
                        <image class="image_4" referrerpolicy="no-referrer"
                            src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG08c22480d15bb9683e9ffe7a972c7fd1.png" />
                        <text class="text-group_7">「华侨城天澜美墅别墅」</text>
                    </view>
                    <text class="text_10">4589㎡&nbsp;|&nbsp;中式&nbsp;|&nbsp;古典</text>
                    <view class="block_2 flex-row justify-between">
                        <view class="image-text_8 flex-row justify-between">
                            <image class="single-avatar_3" referrerpolicy="no-referrer"
                                src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGc5f551654e9dca21acd6ea4f9077bded.png" />
                            <text class="text-group_8">张艺欣</text>
                        </view>
                        <view class="image-text_9 flex-row justify-between">
                            <div class="icon_9 flex-col"></div>
                            <text class="text-group_9">973</text>
                        </view>
                    </view>
                </view>
                <view class="box_4 flex-col">
                    <view class="image-text_10 flex-col justify-between">
                        <view class="group_9 flex-col">
                            <button class="button_1 flex-col" @click="onClick_1">
                                <view class="image-text_11 flex-row justify-between">
                                    <image class="icon_10" referrerpolicy="no-referrer"
                                        src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG823d5c1087678d42d5525cd2f774f392.png" />
                                    <text class="text-group_10">地图</text>
                                </view>
                                <view class="image-text_12 flex-row justify-between">
                                    <image class="icon_10" referrerpolicy="no-referrer"
                                        src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG823d5c1087678d42d5525cd2f774f392.png" />
                                    <text class="text-group_10">地图</text>
                                </view>
                            </button>
                        </view>
                        <text class="text-group_11">「蓝铂湾私宅庭院」</text>
                    </view>
                    <text class="text_11">132㎡&nbsp;|&nbsp;简约&nbsp;|&nbsp;现代</text>
                    <view class="block_3 flex-row justify-between">
                        <view class="image-text_13 flex-row justify-between">
                            <image class="thumbnail_5" referrerpolicy="no-referrer"
                                src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG5d8352e23319d53da7aff0c844d233ca.png" />
                            <text class="text-group_12">刘耕宏</text>
                        </view>
                        <view class="image-text_14 flex-row justify-between">
                            <div class="icon_11 flex-col"></div>
                            <text class="text-group_13">973</text>
                        </view>
                    </view>
                </view>
            </view>
        </view>
    </view>
</template>
<script setup>
import { } from 'vue'
const onClick_1 = () => {

}
</script>
<style scoped lang="scss">
.building_ground_page {
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    width: 750rpx;
    height: 1624rpx;
    overflow: hidden;

    .group_1 {
        width: 682rpx;
        height: 36rpx;
        margin: 30rpx 0 0 42rpx;

        .text_1 {
            width: 108rpx;
            height: 36rpx;
            overflow-wrap: break-word;
            color: rgba(0, 0, 0, 1);
            font-size: 30rpx;
            letter-spacing: -0.30000001192092896px;
            font-family: AlibabaPuHuiTi-Regular;
            font-weight: normal;
            text-align: center;
            white-space: nowrap;
            line-height: 36rpx;
        }

        .thumbnail_1 {
            width: 34rpx;
            height: 22rpx;
            margin: 6rpx 0 0 438rpx;
        }

        .thumbnail_2 {
            width: 32rpx;
            height: 22rpx;
            margin: 6rpx 0 0 10rpx;
        }

        .image_1 {
            width: 50rpx;
            height: 24rpx;
            margin: 6rpx 0 0 10rpx;
        }
    }

    .group_2 {
        width: 702rpx;
        height: 64rpx;
        margin: 34rpx 0 0 36rpx;

        .icon_1 {
            width: 18rpx;
            height: 34rpx;
            margin-top: 16rpx;
        }

        .text_2 {
            width: 134rpx;
            height: 40rpx;
            overflow-wrap: break-word;
            color: rgba(0, 0, 0, 0.9);
            font-size: 34rpx;
            font-family: AlibabaPuHuiTi-Regular;
            font-weight: normal;
            text-align: center;
            white-space: nowrap;
            line-height: 40rpx;
            margin: 8rpx 0 0 256rpx;
        }


    }

    .group_3 {
        background-color: rgba(255, 255, 255, 1);
        height: 88rpx;
        margin-top: 12rpx;
        width: 750rpx;

        .input_1 {
            background-color: rgba(245, 245, 245, 1);
            border-radius: 17px;
            width: 710rpx;
            height: 68rpx;
            margin: 10rpx 0 0 20rpx;

            .icon_2 {
                width: 32rpx;
                height: 32rpx;
                margin: 18rpx 0 0 30rpx;
            }

            .text_3 {
                width: 220rpx;
                height: 40rpx;
                overflow-wrap: break-word;
                color: rgba(153, 153, 153, 1);
                font-size: 28rpx;
                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 40rpx;
                margin: 14rpx 418rpx 0 10rpx;
            }
        }
    }

    .group_4 {
        background-color: rgba(255, 255, 255, 1);
        width: 750rpx;
        height: 80rpx;
        justify-content: flex-center;

        .text_4 {
            width: 60rpx;
            height: 42rpx;
            overflow-wrap: break-word;
            color: rgba(0, 0, 0, 1);
            font-size: 30rpx;
            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
            font-weight: normal;
            text-align: right;
            white-space: nowrap;
            line-height: 42rpx;
            margin: 20rpx 0 0 30rpx;
        }

        .icon_3 {
            width: 14rpx;
            height: 8rpx;
            margin: 40rpx 0 0 4rpx;
        }

        .text_5 {
            width: 60rpx;
            height: 42rpx;
            overflow-wrap: break-word;
            color: rgba(191, 191, 191, 1);
            font-size: 30rpx;
            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
            font-weight: normal;
            text-align: right;
            white-space: nowrap;
            line-height: 42rpx;
            margin: 20rpx 0 0 40rpx;
        }

        .icon_4 {
            width: 14rpx;
            height: 8rpx;
            margin: 40rpx 0 0 4rpx;
        }

        .text_6 {
            width: 60rpx;
            height: 42rpx;
            overflow-wrap: break-word;
            color: rgba(191, 191, 191, 1);
            font-size: 30rpx;
            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
            font-weight: normal;
            text-align: right;
            white-space: nowrap;
            line-height: 42rpx;
            margin: 20rpx 0 0 40rpx;
        }

        .icon_5 {
            width: 14rpx;
            height: 8rpx;
            margin: 40rpx 0 0 4rpx;
        }

        .group_5 {
            width: 80rpx;
            height: 42rpx;
            margin: 20rpx 30rpx 0 296rpx;

            .text_7 {
                width: 60rpx;
                height: 42rpx;
                overflow-wrap: break-word;
                color: rgba(51, 51, 51, 1);
                font-size: 30rpx;
                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                font-weight: normal;
                text-align: right;
                white-space: nowrap;
                line-height: 42rpx;
            }

            .icon_6 {
                width: 14rpx;
                height: 8rpx;
                margin: 16rpx 2rpx 0 4rpx;
            }
        }
    }

    .group_6 {
        width: 690rpx;
        height: 1084rpx;
        margin: 10rpx 0 186rpx 30rpx;

        .group_7 {
            width: 334rpx;
            height: 1004rpx;

            .box_1 {
                background-color: rgba(255, 255, 255, 1);
                width: 334rpx;
                height: 492rpx;

                .image-text_1 {
                    width: 334rpx;
                    height: 388rpx;

                    .image_2 {
                        width: 334rpx;
                        height: 336rpx;
                    }

                    .text-group_1 {
                        width: 210rpx;
                        height: 40rpx;
                        overflow-wrap: break-word;
                        color: rgba(36, 36, 36, 1);
                        font-size: 30rpx;
                        font-family: Songti SC-粗体;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 40rpx;
                        margin-top: 12rpx;
                    }
                }

                .text_8 {
                    width: 276rpx;
                    height: 36rpx;
                    overflow-wrap: break-word;
                    color: rgba(143, 155, 179, 1);
                    font-size: 24rpx;
                    font-family: Songti SC-常规体;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 36rpx;
                    margin: 2rpx 0 0 12rpx;
                }

                .block_1 {
                    width: 280rpx;
                    height: 36rpx;
                    margin: 20rpx 0 10rpx 16rpx;

                    .image-text_2 {
                        width: 128rpx;
                        height: 28rpx;
                        margin-top: 4rpx;

                        .single-avatar_1 {
                            width: 28rpx;
                            height: 28rpx;
                        }

                        .text-group_2 {
                            width: 94rpx;
                            height: 28rpx;
                            overflow-wrap: break-word;
                            color: rgba(51, 51, 51, 1);
                            font-size: 24rpx;
                            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                            font-weight: normal;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 28rpx;
                        }
                    }

                    .image-text_3 {
                        width: 54rpx;
                        height: 36rpx;

                        .icon_7 {
                            width: 18rpx;
                            height: 18rpx;
                            margin-top: 10rpx;
                        }

                        .text-group_3 {
                            width: 34rpx;
                            height: 36rpx;
                            overflow-wrap: break-word;
                            color: rgba(51, 51, 51, 1);
                            font-size: 20rpx;
                            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                            font-weight: normal;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 36rpx;
                        }
                    }
                }
            }

            .box_2 {
                background-color: rgba(255, 255, 255, 1);
                width: 334rpx;
                height: 492rpx;
                margin-top: 20rpx;

                .image-text_4 {
                    width: 334rpx;
                    height: 388rpx;

                    .image_3 {
                        width: 334rpx;
                        height: 336rpx;
                    }

                    .text-group_4 {
                        width: 270rpx;
                        height: 40rpx;
                        overflow-wrap: break-word;
                        color: rgba(36, 36, 36, 1);
                        font-size: 30rpx;
                        font-family: Songti SC-粗体;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 40rpx;
                        margin-top: 12rpx;
                    }
                }

                .text_9 {
                    width: 276rpx;
                    height: 36rpx;
                    overflow-wrap: break-word;
                    color: rgba(143, 155, 179, 1);
                    font-size: 24rpx;
                    font-family: Songti SC-常规体;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 36rpx;
                    margin: 2rpx 0 0 12rpx;
                }

                .section_2 {
                    width: 280rpx;
                    height: 36rpx;
                    margin: 20rpx 0 10rpx 16rpx;

                    .image-text_5 {
                        width: 106rpx;
                        height: 28rpx;
                        margin-top: 4rpx;

                        .single-avatar_2 {
                            width: 28rpx;
                            height: 28rpx;
                        }

                        .text-group_5 {
                            width: 72rpx;
                            height: 28rpx;
                            overflow-wrap: break-word;
                            color: rgba(51, 51, 51, 1);
                            font-size: 24rpx;
                            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                            font-weight: normal;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 28rpx;
                        }
                    }

                    .image-text_6 {
                        width: 54rpx;
                        height: 36rpx;

                        .icon_8 {
                            width: 18rpx;
                            height: 18rpx;
                            margin-top: 10rpx;
                        }

                        .text-group_6 {
                            width: 34rpx;
                            height: 36rpx;
                            overflow-wrap: break-word;
                            color: rgba(51, 51, 51, 1);
                            font-size: 20rpx;
                            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                            font-weight: normal;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 36rpx;
                        }
                    }
                }
            }
        }

        .group_8 {
            width: 334rpx;
            height: 1084rpx;

            .box_3 {
                background-color: rgba(255, 255, 255, 1);
                width: 334rpx;
                height: 532rpx;

                .image-text_7 {
                    width: 334rpx;
                    height: 428rpx;

                    .image_4 {
                        width: 334rpx;
                        height: 376rpx;
                    }

                    .text-group_7 {
                        width: 330rpx;
                        height: 40rpx;
                        overflow-wrap: break-word;
                        color: rgba(36, 36, 36, 1);
                        font-size: 30rpx;
                        font-family: Songti SC-粗体;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 40rpx;
                        margin-top: 12rpx;
                    }
                }

                .text_10 {
                    width: 214rpx;
                    height: 36rpx;
                    overflow-wrap: break-word;
                    color: rgba(143, 155, 179, 1);
                    font-size: 24rpx;
                    font-family: Songti SC-常规体;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 36rpx;
                    margin: 2rpx 0 0 12rpx;
                }

                .block_2 {
                    width: 280rpx;
                    height: 36rpx;
                    margin: 20rpx 0 10rpx 16rpx;

                    .image-text_8 {
                        width: 106rpx;
                        height: 28rpx;
                        margin-top: 4rpx;

                        .single-avatar_3 {
                            width: 28rpx;
                            height: 28rpx;
                        }

                        .text-group_8 {
                            width: 72rpx;
                            height: 28rpx;
                            overflow-wrap: break-word;
                            color: rgba(51, 51, 51, 1);
                            font-size: 24rpx;
                            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                            font-weight: normal;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 28rpx;
                        }
                    }

                    .image-text_9 {
                        width: 54rpx;
                        height: 36rpx;

                        .icon_9 {
                            width: 18rpx;
                            height: 18rpx;
                            margin-top: 10rpx;
                        }

                        .text-group_9 {
                            width: 34rpx;
                            height: 36rpx;
                            overflow-wrap: break-word;
                            color: rgba(51, 51, 51, 1);
                            font-size: 20rpx;
                            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                            font-weight: normal;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 36rpx;
                        }
                    }
                }
            }

            .box_4 {
                background-color: rgba(255, 255, 255, 1);
                width: 334rpx;
                height: 532rpx;
                margin-top: 20rpx;

                .image-text_10 {
                    width: 334rpx;
                    height: 428rpx;

                    .group_9 {
                        height: 376rpx;
                        background: url(https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG860a3827991235c4fe53e7f434674045.png) 100% no-repeat;
                        background-size: 100% 100%;
                        width: 334rpx;

                        .button_1 {
                            box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
                            background-color: rgba(97, 52, 27, 1);
                            border-radius: 4px 0px 4px 0px;
                            height: 88rpx;
                            width: 176rpx;
                            position: relative;
                            margin: 170rpx 0 0 188rpx;

                            .image-text_11 {
                                width: 116rpx;
                                height: 48rpx;
                                margin: 22rpx 0 0 30rpx;

                                .icon_10 {
                                    width: 48rpx;
                                    height: 48rpx;
                                }

                                .text-group_10 {
                                    width: 60rpx;
                                    height: 42rpx;
                                    overflow-wrap: break-word;
                                    color: rgba(255, 255, 255, 1);
                                    font-size: 30rpx;
                                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                                    font-weight: normal;
                                    text-align: left;
                                    white-space: nowrap;
                                    line-height: 42rpx;
                                    margin-top: 4rpx;
                                }
                            }

                            .image-text_12 {
                                position: absolute;
                                left: 30rpx;
                                top: 22rpx;
                                width: 116rpx;
                                height: 48rpx;

                                .icon_10 {
                                    width: 48rpx;
                                    height: 48rpx;
                                }

                                .text-group_10 {
                                    width: 60rpx;
                                    height: 42rpx;
                                    overflow-wrap: break-word;
                                    color: rgba(255, 255, 255, 1);
                                    font-size: 30rpx;
                                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                                    font-weight: normal;
                                    text-align: left;
                                    white-space: nowrap;
                                    line-height: 42rpx;
                                    margin-top: 4rpx;
                                }
                            }
                        }
                    }

                    .text-group_11 {
                        width: 270rpx;
                        height: 40rpx;
                        overflow-wrap: break-word;
                        color: rgba(36, 36, 36, 1);
                        font-size: 30rpx;
                        font-family: Songti SC-粗体;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 40rpx;
                        margin-top: 12rpx;
                    }
                }

                .text_11 {
                    width: 210rpx;
                    height: 36rpx;
                    overflow-wrap: break-word;
                    color: rgba(143, 155, 179, 1);
                    font-size: 24rpx;
                    font-family: Songti SC-常规体;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 36rpx;
                    margin: 2rpx 0 0 12rpx;
                }

                .block_3 {
                    width: 280rpx;
                    height: 36rpx;
                    margin: 20rpx 0 10rpx 16rpx;

                    .image-text_13 {
                        width: 106rpx;
                        height: 28rpx;
                        margin-top: 4rpx;

                        .thumbnail_5 {
                            width: 28rpx;
                            height: 28rpx;
                        }

                        .text-group_12 {
                            width: 72rpx;
                            height: 28rpx;
                            overflow-wrap: break-word;
                            color: rgba(51, 51, 51, 1);
                            font-size: 24rpx;
                            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                            font-weight: normal;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 28rpx;
                        }
                    }

                    .image-text_14 {
                        width: 54rpx;
                        height: 36rpx;

                        .icon_11 {
                            width: 18rpx;
                            height: 18rpx;
                            margin-top: 10rpx;
                        }

                        .text-group_13 {
                            width: 34rpx;
                            height: 36rpx;
                            overflow-wrap: break-word;
                            color: rgba(51, 51, 51, 1);
                            font-size: 20rpx;
                            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                            font-weight: normal;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 36rpx;
                        }
                    }
                }
            }
        }
    }
}
</style>